<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>自我介绍表格——SelfIntroductuonTable.html</title>
	<script type="text/javascript" src="SelfIntroductuonTable.js"></script>

	<style type="text/css">
		#table1{border-radius:1px solid #000;
			width: 600px;
			border-collapse:collapse;
			margin: 0 auto;
		}
		#tr1{height:30px
		}
		td{border: 1px solid #000;
			font-size: 10pt;
			font-weight: bold;
			text-align: center;
		}
		#uname,#age,#password1,#password2,#color{
			width: 280px;
			height: 25px;

		}
		#introduction{
			width:280px;
			height: 60px;
		}


		
	</style>
</head>
<body>
	<form id="fontTable1" name="fontTable"  method="post" action="database.php" onsubmit="return validate()" enctype="multipart/form-data">
		<table id="table1" name="table1" >
			<tr id="tr1">
				<td colspan="3" align="3">自我介绍</td>
				
			</tr>
			<tr>
				<td width="120px">名字：</td>
				<td width="300px">
					<input type="text" name="uname" id="uname">
				</td>
				<td width="180px"></td>
			</tr>
			<tr id="tr1">
				<td>性别：</td>
				<td><input type="radio" name="gender" id="gender" value="男" >男
					<input type="radio" name="gender" id="gender" value="女" >女</td>
				<td></td>
			</tr>
			<tr id="tr1">
				<td>年龄：</td>
				<td><input type="text" name="age" id="age" required="required"></td>
				<td>取值在0——100之间</td>
			</tr>
			<tr id="tr1">
				<td>个人密码：</td>
				<td><input type="passward" name="password1" id="password1" required="required"></td>
				<td>6——10个字符</td>
			</tr>
			<tr id="tr1">
				<td>确认密码：</td>
				<td><input type="passward" name="password2" id="password2"></td>
				<td>与个人密码相同</td>
			</tr>
			<tr id="tr1">
				<td>你的爱好：</td>
				<td>
					<input type="checkbox" name="like[]" value="看书" >看书
					<input type="checkbox" name="like[]" value="打篮球" >打篮球
					<input type="checkbox" name="like[]" value="游泳" >游泳
				</td>
				<td></td>
			</tr>
			<tr id="tr1">
				<td>你最喜欢的颜色：</td>
				<td>
					<select name="color" id="color" align="center" >
						<option value="红色">红色</option>
						<option value="黄色">黄色</option>
						<option value="蓝色" selected="selected">蓝色</option>
						<option value="黑色">黑色</option>
					</select>
				</td>
				<td>
				</td>
			</tr>
			<tr id="tr1" height="65px">
				<td>个人介绍</td>
				<td>
					<textarea name="jieshao" id="introduction" required="required"></textarea>
				</td>
				<td>不能为空</td>
			</tr>
			<tr>
				<td>请上传头像文件</td>
				<td>
					<p><input type="file" name="file1[]" id="file1" multiple></p>
				</td>
				<td>必须上传头像文件</td>
			</tr>
			<tr id="tr1">
				<td colspan="3" align="center">
					<button type="submit" value="提交" >提交</button>
					&nbsp;&nbsp;
					<button type="rest" name="重置">重置</button>
				</td>
				
			</tr>
			
		</table>
		
	</form>
	
</body>
</html>